const { default: styled } = require("styled-components");

const FilterWarrper = styled.div`
margin: 10px 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
ul{
    display: flex;
    li{
        margin-left: 10px;
        padding: 5px 10px;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0.1);
        user-select: none;
        cursor: pointer;
        &:hover{
            border-color: transparent;
            background-color: rgba(	0,128,0,0.5);
            color: white;
        }
        &.active{
            background-color: green;
            color: white;
            font-weight: 600;
        }
    }
}
`

export default FilterWarrper